<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>4399在线玩</title>
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入通用样式表 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入页面样式表 -->
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery.min.js"></script>

</head>

<body>
    <!-- 头部制作 start-->
    <div class="header">
        <!-- 顶部导航搜索登录栏 start-->
        <div class="topnav">
            <div class="w">
                <!-- 考虑搜索引擎的seo-->
                <div class="logo fl">
                    <h1><a href="#" title="4399在线玩">4399在线玩</a></h1>
                </div>
                <ul class="navbtn">
                    <li><a href="">首页</a></li>
                    <li><a href="">页游</a></li>
                    <li><a href="">小游戏</a></li>
                    <li><a href="">礼包</a></li>
                </ul>
                <div class="search fl">
                    <input type="text" placeholder="请输入游戏名称">
                    <button></button>
                </div>
                <ol class="user">
                    <li class="log">
                        <a href="">
                            登录
                        </a>
                    </li>
                    <li class="reg">
                        <a href="">
                            注册
                        </a>
                    </li>
                </ol>
            </div>
        </div>
        <!-- 顶部导航搜索登录栏 end-->

        <!-- 轮播图 start -->
        <div class="slider" id="slider">
            <ul class="slider-img" id="slider-img">
                <li class="act" style="background-image:url(temp/slider01.jpg);"><a href=""></a></li>
                <li style="background-image:url(temp/slider02.jpg);"><a href=""></a></li>
                <li style="background-image:url(temp/slider01.jpg);"><a href=""></a></li>
                <li style="background-image:url(temp/slider02.jpg);"><a href=""></a></li>
                <li style="background-image:url(temp/slider01.jpg);"><a href=""></a></li>
                <li style="background-image:url(temp/slider02.jpg);"><a href=""></a></li>
            </ul>
            <!-- 绝对布局列表 start -->
            <ul class="slider-list" id="slider-list">
                <li class="active"><a href="">
                        <span class="tit">萌萌打天下</span>
                        <span class="colon">：</span>
                        <span class="desc">新服及更新内容公告</span>
                    </a></li>
                <li><a href="">
                        <span class="tit">萌萌打天下</span>
                        <span class="colon">：</span>
                        <span class="desc">新服及更新内容公告</span>
                    </a></li>
                <li><a href="">
                        <span class="tit">萌萌打天下</span>
                        <span class="colon">：</span>
                        <span class="desc">新服及更新内容公告</span>
                    </a></li>
                <li><a href="">
                        <span class="tit">萌萌打天下</span>
                        <span class="colon">：</span>
                        <span class="desc">新服及更新内容公告</span>
                    </a></li>
                <li><a href="">
                        <span class="tit">萌萌打天下</span>
                        <span class="colon">：</span>
                        <span class="desc">新服及更新内容公告</span>
                    </a></li>
                <li><a href="">
                        <span class="tit">萌萌打天下</span>
                        <span class="colon">：</span>
                        <span class="desc">新服及更新内容公告</span>
                    </a></li>
            </ul>
            <!-- 绝对布局列表 end -->
        </div>
        <!-- 轮播图 end -->
    </div>
    <!-- 头部制作 end-->
    <!-- 精品游戏模块制作 start -->
    <div class="w mod-superior">
        <div class="mod-hd">
            <a href="">精品游戏</a>
        </div>
        <div class="mod-bd">
            <ul>
                <li>
                    <a href="" class="imgbox">
                        <img src="temp/img-spec-230280.jpg" alt="">
                        <div class="mask">
                            <img src="temp/img-qrcode-110110.png" alt="">
                            <i>扫一扫，手机同步玩</i>
                        </div>
                    </a>
                    <span>
                        <a href="" class="tit">乔伊带你看世界</a>
                        <a href="" class="playbtn">开始游戏</a>
                    </span>
                </li>
                <li>
                    <a href="" class="imgbox">
                        <img src="temp/img-spec-230280.jpg" alt="">
                        <div class="mask">
                            <img src="temp/img-qrcode-110110.png" alt="">
                            <i>扫一扫，手机同步玩</i>
                        </div>
                    </a>
                    <span>
                        <a href="" class="tit">乔伊带你看世界</a>
                        <a href="" class="playbtn">开始游戏</a>
                    </span>
                </li>
                <li>
                    <a href="" class="imgbox">
                        <img src="temp/img-spec-230280.jpg" alt="">
                        <div class="mask">
                            <img src="temp/img-qrcode-110110.png" alt="">
                            <i>扫一扫，手机同步玩</i>
                        </div>
                    </a>
                    <span>
                        <a href="" class="tit">乔伊带你看世界</a>
                        <a href="" class="playbtn">开始游戏</a>
                    </span>
                </li>
                <li><a href="" class="imgbox">
                        <img src="temp/img-spec-230280.jpg" alt="">
                        <div class="mask">
                            <img src="temp/img-qrcode-110110.png" alt="">
                            <i>扫一扫，手机同步玩</i>
                        </div>
                    </a>
                    <span>
                        <a href="" class="tit">乔伊带你看世界</a>
                        <a href="" class="playbtn">开始游戏</a>
                    </span></li>
                <li><a href="" class="imgbox">
                        <img src="temp/img-spec-230280.jpg" alt="">
                        <div class="mask">
                            <img src="temp/img-qrcode-110110.png" alt="">
                            <i>扫一扫，手机同步玩</i>
                        </div>
                    </a>
                    <span>
                        <a href="" class="tit">乔伊带你看世界</a>
                        <a href="" class="playbtn">开始游戏</a>
                    </span></li>
            </ul>
        </div>
    </div>
    <!-- 精品游戏模块制作 end -->
    <!-- 我玩过的游戏模块制作 start -->
    <div class="w mod-haveplayed">
        <ul>
            <li>
                <a href="" class="played-img fl">
                    <img src="temp/img-rank-7272.jpg" alt="">
                </a>
                <span>
                    <a href="" class="tit">
                        狂热水果世界
                    </a>
                    <a href="" class="trash"></a>
                </span>
            </li>
            <li>
                <a href="" class="played-img fl">
                    <img src="temp/img-rank-7272.jpg" alt="">
                </a>
                <span>
                    <a href="" class="tit">
                        狂热水果世界
                    </a>
                    <a href="" class="trash"></a>
                </span>
            </li>
            <li>
                <a href="" class="played-img fl">
                    <img src="temp/img-rank-7272.jpg" alt="">
                </a>
                <span>
                    <a href="" class="tit">
                        狂热水果世界
                    </a>
                    <a href="" class="trash"></a>
                </span>
            </li>
            <li>
                <a href="" class="played-img fl">
                    <img src="temp/img-rank-7272.jpg" alt="">
                </a>
                <span>
                    <a href="" class="tit">
                        狂热水果世界
                    </a>
                    <a href="" class="trash"></a>
                </span>
            </li>
            <li>
                <a href="" class="played-img fl">
                    <img src="temp/img-rank-7272.jpg" alt="">
                </a>
                <span>
                    <a href="" class="tit">
                        狂热水果世界
                    </a>
                    <a href="" class="trash"></a>
                </span>
            </li>
            <li>
                <a href="" class="played-img fl">
                    <img src="temp/img-rank-7272.jpg" alt="">
                </a>
                <span>
                    <a href="" class="tit">
                        狂热水果世界
                    </a>
                    <a href="" class="trash"></a>
                </span>
            </li>
            <li>
                <a href="" class="played-img fl">
                    <img src="temp/img-rank-7272.jpg" alt="">
                </a>
                <span>
                    <a href="" class="tit">
                        狂热水果世界
                    </a>
                    <a href="" class="trash"></a>
                </span>
            </li>

        </ul>
        <a href="" class="angle-left"></a>
        <a href="" class="angle-right"></a>
        <em class="played">我玩过的</em>
        <a class="played-clear">清空所有</a>
    </div>
    <!-- 我玩过的游戏模块制作 end -->
    <!-- 最新网游模块制作 start -->
    <div class="mod-newplay w">
        <div class="left">
            <div class="mod-hd">
                <a href="">最新网游</a>
                <a href="javascript:;" class="hd-more">更多 &gt;</a>
            </div>
            <div class="mod-bd">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="temp/img-olnew-206130.jpg" alt="">
                            <i>断角勇士历险记</i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="temp/img-olnew-206130.jpg" alt="">
                            <i>断角勇士历险记</i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="temp/img-olnew-206130.jpg" alt="">
                            <i>断角勇士历险记</i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="temp/img-olnew-206130.jpg" alt="">
                            <i>断角勇士历险记</i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="temp/img-olnew-206130.jpg" alt="">
                            <i>断角勇士历险记</i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="temp/img-olnew-206130.jpg" alt="">
                            <i>断角勇士历险记</i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="temp/img-olnew-206130.jpg" alt="">
                            <i>断角勇士历险记</i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="temp/img-olnew-206130.jpg" alt="">
                            <i>断角勇士历险记</i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="right">
            <ul class="nav">
                <li class="navBtn1">
                    活动公告
                </li>
                <li class="navBtn2">
                    最新开服
                </li>
            </ul>
            <div class="part1 part">
                <div class="hotact">
                    <a href="javascript:;">《全名穿越之宫》5月大福利 100%返利</a>
                </div>
                <div class="acts">
                    <ol>
                        <li><a href="javascript:;"><span>[资讯]</span> 萌萌打天下5月17日新服及更新内容公告</a></li>
                        <li><a href="javascript:;"><span>[攻略]</span> 《全民穿越之宫》华不凡攻略 华不凡第五章攻略</a></li>
                        <li><a href="javascript:;"><span>[资讯]</span> 不一样的游戏 一样的速度与激情</a></li>
                        <li><a href="javascript:;"><span>[攻略]</span> 《全民穿越之宫》常白剧情 全民穿越之宫攻略</a></li>
                        <li><a href="javascript:;"><span>[资讯]</span> 萌萌打天下5月17日新服及更新内容公告</a></li>
                    </ol>
                </div>
                <div class="scan">
                    <img src="temp/img-qrcode-110110.png" alt="">
                    <p>
                        游戏轻松点<br>
                        <i>无需下载，点开即玩</i>
                    </p>
                    <a href="javascript:;">立即下载</a>
                </div>
            </div>
            <div class="part2 part">
                <ul>
                    <li>
                        <i></i>
                        <a href="javascript:;">
                            <img src="temp/img-6060.jpg" alt="">
                        </a>
                        <p>
                            <em><a href="javascript:;">热血奥特超人光之飞侠</a></em>
                            <a href="javascript:;">双线7服<br>2019-01-02 010:00</a>
                        </p>
                    </li>
                    <li>
                        <i></i>
                        <a href="javascript:;">
                            <img src="temp/img-6060.jpg" alt="">
                        </a>
                        <p>
                            <em><a href="javascript:;">热血奥特超人光之飞侠</a></em>
                            <a href="javascript:;">双线7服<br>2019-01-02 010:00</a>
                        </p>
                    </li>
                    <li>
                        <i></i>
                        <a href="javascript:;">
                            <img src="temp/img-6060.jpg" alt="">
                        </a>
                        <p>
                            <em><a href="javascript:;">热血奥特超人光之飞侠</a></em>
                            <a href="javascript:;">双线7服<br>2019-01-02 010:00</a>
                        </p>
                    </li>
                    <li>
                        <i></i>
                        <a href="javascript:;">
                            <img src="temp/img-6060.jpg" alt="">
                        </a>
                        <p>
                            <em><a href="javascript:;">热血奥特超人光之飞侠</a></em>
                            <a href="javascript:;">双线7服<br>2019-01-02 010:00</a>
                        </p>
                    </li>
                </ul>
                <a href="javascript:;" class="more">更多&gt;</a>
            </div>
        </div>
    </div>
    <!-- 最新网游模块制作 end -->
    <!-- 热门网游模块制作 start -->
    <div class="mod-hot w">
        <div class="mod-hd">
            <a href="">热门网游</a>
            <a href="" class="hd-more">更多 &gt;</a>
        </div>
        <div class="mod-bd">
            <ul>
                <li>
                    <img src="temp/img-olhot-290140.jpg" alt="">
                    <i>断角勇士历险记</i>
                    <em style="background-position: 0px 0px;"></em>
                </li>
                <li>
                    <img src="temp/img-olhot-290140.jpg" alt="">
                    <i>断角勇士历险记</i>
                    <em style="background-position: -50px 0px;"></em>
                </li>
                <li>
                    <img src="temp/img-olhot-290140.jpg" alt="">
                    <i>断角勇士历险记</i>
                    <em style="background-position: -100px 0px;"></em>
                </li>
                <li>
                    <img src="temp/img-olhot-290140.jpg" alt="">
                    <i>断角勇士历险记</i>
                </li>
            </ul>
        </div>
    </div>
    <!-- 热门网游模块制作 end -->
    <!-- 中间分割图  start-->
    <div class="w mod-pic">
        <img src="temp/img-banner-119090.jpg" alt="">
    </div>
    <!-- 中间分割图  end-->
    <!-- 礼包领取模块制作 start -->
    <div class="mod-gift w">
        <div class="mod-hd">
            <a href="">礼包领取</a>
            <a href="" class="hd-more">更多 &gt;</a>
        </div>
        <div class="mod-bd">
            <ul>
                <li>
                    <a href=""><img src="temp/img-8888.jpg" alt=""></a>
                    <div class="info">
                        <div class="info-name">
                            <a href="">
                                <p>《大圣轮回》新手礼包</p>
                            </a>
                            <i class="stiff">直</i>
                        </div>
                        <div class="line-content">
                            <div class="line">
                                <div class="skills"></div>
                            </div>
                            <i>剩余80%</i>
                        </div>
                        <a class="getgift" href=""><em>领取</em></a>
                    </div>
                </li>
                <li>
                    <a href=""><img src="temp/img-8888.jpg" alt=""></a>
                    <div class="info">
                        <div class="info-name">
                            <a href="">
                                <p style="width: 120px;">《大圣轮回》新手礼包</p>
                            </a>
                            <i class="onlyapp">app专属</i>
                        </div>
                        <div class="tips">
                            选择区服后，游戏内3分钟到账~
                        </div>
                        <a class="getgift" href=""><em>领取</em></a>
                    </div>
                </li>
                <li>
                    <a href=""><img src="temp/img-8888.jpg" alt=""></a>
                    <div class="info">
                        <div class="info-name">
                            <a href="">
                                <p>《大圣轮回》新手礼包</p>
                            </a>
                        </div>
                        <div class="tips">
                            选择区服后，游戏内3分钟到账~
                        </div>
                        <a class="getgift" href=""><em>领取</em></a>
                    </div>
                </li>
                <li>
                    <a href=""><img src="temp/img-8888.jpg" alt=""></a>
                    <div class="info">
                        <div class="info-name">
                            <a href="">
                                <p>《大圣轮回》新手礼包</p>
                            </a>
                        </div>
                        <div class="tips">
                            选择区服后，游戏内3分钟到账~
                        </div>
                        <a class="getgift" href=""><em>领取</em></a>
                    </div>
                </li>
            </ul>
        </div>

    </div>
    <!-- 礼包领取模块制作 end -->
    <!-- 精选专题模块制作 start -->
    <div class="mod-spechoice w">
        <div class="mod-hd">
            <a href="">精选专题</a>
            <a href="" class="hd-more">更多 &gt;</a>
        </div>
        <div class="mod-bd">
            <ul>
                <li>
                    <a href="">
                        <img src="temp/img-topics-290180.jpg" alt="">
                        <div class="mask">
                            <em>不能错过的独立游戏</em>
                        </div>

                        <div class="allmask">
                            <i>不能错过的独立游戏</i>
                            <em></em>
                            <p>新的视频系列，会整理出一些个人认为知名度偏低的良心独立游戏！</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-topics-290180.jpg" alt="">
                        <div class="mask">
                            <em>不能错过的独立游戏</em>
                        </div>

                        <div class="allmask">
                            <i>不能错过的独立游戏</i>
                            <em></em>
                            <p>新的视频系列，会整理出一些个人认为知名度偏低的良心独立游戏！</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-topics-290180.jpg" alt="">
                        <div class="mask">
                            <em>不能错过的独立游戏</em>
                        </div>

                        <div class="allmask">
                            <i>不能错过的独立游戏</i>
                            <em></em>
                            <p>新的视频系列，会整理出一些个人认为知名度偏低的良心独立游戏！</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-topics-290180.jpg" alt="">
                        <div class="mask">
                            <em>不能错过的独立游戏</em>
                        </div>

                        <div class="allmask">
                            <i>不能错过的独立游戏</i>
                            <em></em>
                            <p>新的视频系列，会整理出一些个人认为知名度偏低的良心独立游戏！</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 精选专题模块制作 end -->
    <!-- 女生游戏模块制作 start -->
    <div class="mod-girl w">
        <div class="mod-hd">
            <a href="">女生游戏</a>
            <a href="" class="hd-more">更多 &gt;</a>
        </div>
        <div class="mod-bd">
            <ul>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
            </ul>
        </div>

    </div>
    <!-- 女生游戏模块制作 end -->
    <!-- 小游戏推荐模块制作 start -->
    <div class="mod-girl mod-recomm w">
        <div class="mod-hd">
            <a href="">小游戏推荐</a>
            <a href="" class="hd-more">更多 &gt;</a>
        </div>
        <div class="mod-bd">
            <ul>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
                <li>
                    <a href="">
                        <img src="temp/img-game-19092.jpg" alt="">
                        <p>断角勇士历险记</p>
                    </a>
                    <i><a>冒险类</a>丨xxx万人玩过</i>
                </li>
            </ul>
        </div>

    </div>
    <!-- 小游戏推荐模块制作 end -->
    <!-- 排行榜模块制作 start -->
    <div class="mod-ranking w">
        <div class="rank1">
            <div class="rank-hd">页游排行榜</div>
            <div class="rank-bd">
                <ul>
                    <li class="focus">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i class="top3">1</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>

                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i class="top3">2</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i class="top3">3</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>4</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>5</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>6</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>7</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>8</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>9</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>10</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="rank2">
            <div class="rank-hd">小游戏排行榜</div>
            <div class="rank-bd">
                <ul>
                    <li class="focus">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i class="top3">1</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>

                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i class="top3">2</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i class="top3">3</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>4</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>5</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>6</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>7</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>8</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>9</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>10</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="rank3">
            <div class="rank-hd">新游排行榜</div>
            <div class="rank-bd">
                <ul>
                    <li class="focus">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i class="top3">1</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>

                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i class="top3">2</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i class="top3">3</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>4</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>5</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>6</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>7</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>8</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>9</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                    <li class="">
                        <div class="focusing">
                            <img src="temp/img-rank-7272.jpg" alt="">
                            <i>类型：策略</i>
                            <em>人气：8888888</em>
                            <a href=""><span>开始游戏</span></a>
                        </div>
                        <p>
                            <span class="triangle"></span>
                            <i>10</i>
                            <a href="">传奇世界</a>
                            <em>人气：87302</em>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 排行榜模块制作 end -->
    <!-- 页面底部模块制作 start-->
    <div class="footer">
        <div class="w">
            <div class="links">
                <ol>
                    <li>
                        <i class="ic1"></i>
                        <a href="">4399小游戏</a>
                    </li>
                    <li></li>
                    <li>
                        <i class="ic2"></i>
                        <a href="">4399游戏盒</a>
                    </li>
                    <li></li>
                    <li>
                        <i class="ic3"></i>
                        <a href="">4399手机游戏网</a>
                    </li>
                    <li></li>
                    <li>
                        <i class="ic4"></i>
                        <a href="">4399游戏吧</a>
                    </li>
                    <li></li>
                    <li>
                        <i class="ic5"></i>
                        <a href="">4399动漫网</a>
                    </li>
                    <li></li>
                    <li>
                        <i class="ic6"></i>
                        <a href="">4399网页游戏</a>
                    </li>
                    <li></li>
                    <li>
                        <i class="ic7"></i>
                        <a href="">4399游戏资讯</a>
                    </li>
                    <li></li>
                    <li>
                        <i class="ic8"></i>
                        <a href="">4399手机开放平台</a>
                    </li>
                    <li></li>
                    <li>
                        <i class="ic9"></i>
                        <a href="">4399手游论坛</a>
                    </li>
                </ol>
            </div>
            <p class="intro">
                <a href="">关于本站 </a>|<a href=""> 联系本站 </a>|<a href=""> 招聘信息 </a>|
                <a href=""> 闽网文[2015]1993-042号 </a>|<a href=""> 新出网证(闽)字06号 </a><br>
                健康忠告﹔抵制不良游戏.拒绝盗版游戏注意自我保护谨防受骗上当适度游戏益脑沉迷游戏伤身·合理安排时间享受健康生活<br>
                Copyright◎ 2004-20164399.com All Rights Reserved.四三九九网络股份有限公司版权所有ICP证闽B2-20040099<br>

            </p>
        </div>
    </div>
    <!-- 页面底部模块制作 end-->
    <!-- 右侧固定布局 start-->
    <div class="side-nav">
        <ul>
            <li class="nav-icon1"><a href=""></a></li>
            <li class="nav-icon2"><a href=""></a></li>
            <li class="nav-icon3"><a href=""></a></li>
        </ul>
        <div class="nav-scan">
            <div class="nav-img"></div>
            <i class="triangle-left"></i>
        </div>
    </div>
    <!-- 右侧固定布局 end-->

    <script src="js/index.js"></script>
</body>

</html>